{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"我的订单",back:1} %}
    <mu-tabs :value.sync="curTab" inverse :color="c1" text-color="rgba(0, 0, 0, .54)"  full-width>
        <mu-tab>服务订单</mu-tab>
        <mu-tab>任务订单</mu-tab>
    </mu-tabs>
    <div class="pad5 bdtso bdc13">
        <div v-show="curTab == 0">
            <div class="marb5 pos-r bcf" style="" v-for="item in serv">
                {% include "ApiCloud/Base/inc.order.list.shop.html.twig"%}
{#                <div class="bdtda flrc marlr5 pad5 tar">#}
{#                    <div><mu-button small flat color="success">接单</mu-button></div>#}
{#                </div>#}
{#                <div class="bdtda flrc marlr5 pad5 tac">#}
{#                    <div class="flex1 bdrso"><mu-button small flat color="primary">接单</mu-button></div>#}
{#                    <div class="flex1"><mu-button small flat color="success">确认</mu-button></div>#}
{#                </div>#}
            </div>
        </div>
        <div v-show="curTab == 1">
            <div class="marb5 pos-r bcf" style="" v-for="item in task">
                {% include "ApiCloud/Base/inc.order.list.shop.html.twig"%}
{#                <div class="bdtda flrc marlr5 pad5 tar">#}
{#                    <div><mu-button small flat color="success">确认</mu-button></div>#}
{#                </div>#}
            </div>
        </div>
    </div>
{% endblock %}
